document.addEventListener("DOMContentLoaded", function () { 
    var totalPrice = 0;
    var totalValue = 0;

    // 获取URL参数的函数
    function getParameterByName(name, url) {
       if (!url) url = window.location.href;
       name = name.replace(/[\[\]]/g, "\\$&");
       var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
           results = regex.exec(url);
       if (!results) return null;
       if (!results[2]) return '';
       return decodeURIComponent(results[2].replace(/\+/g, " "));
   }
   
// 获取URL中的查询参数
var queryString = window.location.search.substring(1);
var urlParams = new URLSearchParams(queryString);

// 动态获取产品的数量
var numProducts = 0;

// 遍历查询参数，找到最大的产品编号
urlParams.forEach(function(value, key) {
    if (key.startsWith('product') && key.endsWith('_price')) {
        var productNumber = parseInt(key.replace('product', '').replace('_price', ''), 10);
        numProducts = Math.max(numProducts, productNumber);
    }
});

   
   // 初始化选定产品的数组
   var selectedProducts = [];
   
   // 遍历URL中的每个产品
   for (var i = 1; i <= numProducts; i++) {
       var productImg = getParameterByName('product' + i + '_src');
       var productName = getParameterByName('product' + i + '_name');
       var productAmount = parseInt(getParameterByName('product' + i + '_amount')) || 0;
       var productPrice = parseFloat((getParameterByName('product' + i + '_price')).split('￥')[1]) || 0.0;
   
       // 创建每个产品的对象并将其添加到选定产品的数组中
       var product = {
           productImg: productImg,
           name: productName,
           amount: productAmount,
           price: productPrice
       };
   
       selectedProducts.push(product);
   }
   
   console.log(selectedProducts);
   
   // 获取要附加数据的父元素
   var parentElement = document.getElementById('item'); // 用实际的父元素ID替换 'item'
   
   // 遍历选定产品的数组中的每个产品
   selectedProducts.forEach(function(product) {
       // 为每个产品创建一个新的 div 元素
       var itemRow = document.createElement('div');
       itemRow.className = 'item-row';
   
       // 为产品信息创建元素并将它们附加到 itemRow
       var orderItemInfo = document.createElement('div');
       orderItemInfo.className = 'order-itemInfo';
   
       var infoCell = document.createElement('div');
       infoCell.className = 'info-cell';
      
       var img = document.createElement('img');
       img.src = product.productImg;
       img.alt = '';
       img.style.width = '50px';
       img.style.height = '50px';
   
       infoCell.appendChild(img);
       orderItemInfo.appendChild(infoCell);
       itemRow.appendChild(infoCell);
   
       // 为其他产品细节创建元素并将它们附加到 itemRow
       var infoSku = document.createElement('div');
       infoSku.className = 'info-sku';
       infoSku.innerHTML = '<span>' + product.name + '</span>'; // 用实际的产品SKU数据替换
       itemRow.appendChild(infoSku);
   
       var infoPrice = document.createElement('div');
       infoPrice.className = 'info-price';
       infoPrice.innerHTML = '<span>' + product.price + '</span>';
       itemRow.appendChild(infoPrice);
   
       var infoNum = document.createElement('div');
       infoNum.className = 'info-num';
       infoNum.innerHTML = '<span>' + 'x'+product.amount + '</span>';
       itemRow.appendChild(infoNum);
   
       var infoTotal = document.createElement('div');
       infoTotal.className = 'info-total';
       infoTotal.innerHTML = '<span>' + product.total + '</span>';
       itemRow.appendChild(infoTotal);
   
       // 将 itemRow 附加到父元素
       parentElement.appendChild(itemRow);
   });



















    // 添加双击事件监听器到地址项
    document.querySelectorAll('.address-item').forEach(function (item) {
        item.addEventListener('dblclick', function () {
            // 从所有项中移除'active'类
            document.querySelectorAll('.address-item').forEach(function (item) {
                item.classList.remove('active');
            });

            // 将'active'类添加到双击的项
            item.classList.add('active');

            // 获取内容
            var addrBdNameContent = item.querySelector('.addr-bd-name').textContent;
            var addrBdInnerContents = Array.from(item.querySelectorAll('.addr-bd-inner'))
                .map(function (span) {
                    return span.textContent.trim(); // Trim to remove extra spaces
                })
                .join(' ');

            // 打印到控制台
            console.log('addrBdNameContent:', addrBdNameContent);
            console.log('addrBdInnerContents:', addrBdInnerContents);

            // 更新确认地址元素内容
            var confirmAddrNameElement = document.querySelector('.confirmAddr-name');
            var confirmAddrContentElement = document.querySelector('.confirmAddr-content');

            let regex = /\(([^)]+?)收\)/;
            let match = addrBdNameContent.match(regex);  
            let name = match ? match[1] : ''; // 提取第一个捕获组中的姓名  

            confirmAddrNameElement.textContent = name;
            confirmAddrContentElement.textContent = addrBdInnerContents;
        });
    });


   
// 获取所有item-row
var itemRows = document.querySelectorAll('.item-row');

// 遍历所有item-row
itemRows.forEach(function (itemRow) {
    // 获取item-row中的info-price
    var infoPrice = parseFloat(itemRow.querySelector('.info-price span').textContent);
    // 获取item-row中的info-num
    var infoNum = parseInt(itemRow.querySelector('.info-num span').textContent.split('x').join(''));
    // 获取info-total
    var infoTotal = itemRow.querySelector('.info-total span');

    // 计算infoPrice和infoNum的乘积赋值给infoTotal，并保留两位小数，然后添加到info-total中
     totalValue = (infoPrice * infoNum).toFixed(2);
    infoTotal.textContent = totalValue;
        totalPrice += parseFloat(totalValue);
});
// 获取结算总价
  var settlementTotal = document.querySelector('.realpay--price');

  // 将结算总价赋值给totalPrice
  settlementTotal.textContent = totalPrice.toFixed(2);


});